<template>
  <div>
    {{ bar }}
    <button @click="getOrder">异步获取数据</button>
  </div>
</template>
<script>
export default {
  // 使用 inject 接收祖先生成的数据
  inject: ['provideName', 'getOrderInfo'],
  data () {
    return {
      // inject 接收的数据可以作为数据的入口
      bar: this.provideName
    }
  },
  mounted () {
    console.log(this.provideName) //= >祖先
  },
  methods: {
    getOrder () {
      // 调用的是父组件的方法,延迟两秒获取数据
      this.getOrderInfo().then(res => {
        console.log(res) //= > {code: "WX15485613548", name: "农夫安装工单"}
      })
    }
  }
}
</script>
